<template>
	<view class="box">
		<view class="title-nav">
				<navigator class="title-icon iconfont icon-fanhuijiantou" open-type="navigateBack"></navigator>
				<view class="title-text">{{title}}</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: "TileNav",
		props: ['title'],
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss">
	.box {
		height: 85px;
		width: 100%;
		.title-nav {
			height: 40px;
			line-height: 40px;
			width: 100%;
			position: fixed;
			z-index: 99;
			top: 0;
			left: 0;
			display: flex;
			padding-top: 45px;
			color: #FFFFFF;
			font-size: 18px;
			display: flex;
			text-align: center;
			.title-icon {
				position: absolute;
				left: 0;
				width: 20%	;
				font-size: 20px;
				font-weight: 600;
			}
			.title-text {
				flex: 1;
			}
		}
		
	}

</style>
